<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>印象笔记作业</title>
    <link rel="stylesheet" href="./印象笔记作业.css" />
  </head>
  <body>
    <!-- 头部区域 -->
    <div class="header">
      <div class="wrapper">
        <!-- logo -->
        <div class="logo">
          <a href="#"><img src="./logo.jpg" alt="" /></a>
        </div>
        <!-- 导航 -->
        <div class="nav">
          <ul>
            <li><a href="#">产品</a></li>
            <li><a href="#">探索影响</a></li>
            <li><a href="#">企业版</a></li>
            <li><a href="#">模板库</a></li>
          </ul>
        </div>
        <!-- 注册 -->
        <div class="zc">
          <a href="#">注册/登录</a>
        </div>
        <!-- 下载 -->
        <div class="xz">
          <a href="#">下载</a>
        </div>
      </div>
    </div>
    <!-- 图 -->
    <div class="img">
      <img src="./桂林山水.jpg" alt="" />
    </div>
    <!-- 注册信息 -->
    <div class="reg">
      <div class="a1">
        <div class="left">微信注册</div>
        <div class="right">手机号注册</div>
      </div>
      <div class="em">
        <input type="text" placeholder="邮箱" />
      </div>
      <div class="password">
        <input type="password" placeholder="密码" />
      </div>
      <div class="rag"><a href="#">免费注册</a></div>
    </div>
    <div class="font1">使用印象笔记，管理你的第二大脑</div>
    <div class="font2">随时随地获取、整理、分享笔记，让灵感时刻与你同行</div>
    <div class="img1">
      <div class="imgd">
        <img src="./多端同步.jpg" alt="" />
        <div class="imgd1"><h2>多端同步</h2></div>
        <p>随时随地查看和备份信息</p>
      </div>
      <div class="imgn">
        <img src="./内容收藏.jpg" alt="" />
        <div class="imgn1"><h2>内容收藏</h2></div>
        <p>一键储存高价值网页和文章</p>
      </div>
      <div class="imgz">
        <img src="./资料管理.jpg" alt="" />
        <div class="imgz1"><h2>多端同步</h2></div>
        <p>全面支持Office、PDF等格式</p>
      </div>
      <div class="imgx">
        <img src="./信息共享.jpg" alt="" />
        <div class="imgx1"><h2>多端同步</h2></div>
        <p>快捷共享笔记，高效完成杰作</p>
      </div>
    </div>
    <div class="img3">
      <img src="./桂林山水2.jpg" alt="" />
    </div>
    <div class="grey">
      <div class="font3">让生活更有序，让工作更高效，让协作更便捷</div>
      <div class="font4">
        帮助个人及团队保存高价值信息、整理知识、有效协作，让印象笔记成为你的「第二大脑」！
      </div>
      <div class="baner">
        <div>
          <img src="./轻松收集一切.jpg" alt="" />
          <div>
            <h2>轻松收集一切</h2>
          </div>
          <p>
            无论是点滴灵感、待办清单、或者会议记录、项目资料、高价值文章，你可以用印象笔记保存一切。笔记会自动同步到所有设备：手机、电脑、平板，多终端一键同步！
          </p>
          <div>
            <a href="#">了解详情></a>
            <a href="#">免费下载></a>
          </div>
        </div>
        <div>
          <img src="./有序整理信息.jpg" alt="" />
          <div>
            <h2>有序整理信息</h2>
          </div>
          <p>
            从文字、图片、录音、清单到网页、思维导图、文档和附件，支持丰富的文件格式，帮你妥帖保存。搭配智能搜索功能，文字、图片甚至附件中的文字皆可迅速锁定。
          </p>
          <div>
            <a href="#">了解详情></a>
            <a href="#">免费下载></a>
          </div>
        </div>
        <div>
          <img src="./快速协作共享.jpg" alt="" />
          <div>
            <h2>快速协作共享</h2>
          </div>
          <p>
            无需跳出应用即可一键分享笔记，轻松管理项目，共享资料，实时讨论，高效达成协作目标。
          </p>
          <div>
            <a href="#">了解详情></a>
            <a href="#">免费下载></a>
          </div>
        </div>
      </div>
    </div>
    <div class="fw">
      <div class="fwfont">已为全球2.5亿用户提供服务</div>
      <p>帮助数亿用户，高效管理工作和生活</p>
      <img src="./桂林山水.jpg" alt="" />
    </div>
    <div class="use">
      <div class="left">
        <img src="./使用笔记.jpg" alt="" />
      </div>
      <div class="right">
        <div class="right-top">
          <h2>使用印象笔记，高效记录一切</h2>
        </div>
        <div class="right-middle">
          <p>支持所有设备，随时随地保持高效</p>
        </div>
        <div class="right-bottom">
          <a href="#">免费下载</a>
        </div>
      </div>
    </div>
    <div class="qy">
      <div class="qy-top">
        <div class="qy1">
          <h2>20000+企业客户的信赖之选</h2>
        </div>
        <p>覆盖法律、教育、金融、互联网、科研…多个行业</p>
      </div>
      <img src="./桂林山水2.jpg" alt="" />
    </div>
    <div class="epress">
      <div class="left">
        <img src="./印象团队.jpg" alt="" />
      </div>
      <div class="right">
        <div class="right-top">
          <h2>印象团队，</h2>
          <h2>助力团队高效协作，永久免费</h2>
        </div>
        <div class="right-middle">
          <p>汇聚团队智慧，便捷共享信息，打造强大团队知识库</p>
        </div>
        <div class="right-bottom">
          <a href="#">立即使用</a>
        </div>
      </div>
    </div>
    <div class="mi">
      <div class="ma">
        <div class="ma1">
          <img src="./二维码.jpg" alt="" />
          <div class="ss">扫一扫</div>
          <div class="mf">免费下载app</div>
        </div>
      </div>
      <div class="ele">
        <img src="./大象.jpg" alt="" />
      </div>
    </div>
    <div class="foot">
      <div class="foot-left">
        <dl>
          <dt><a href="#">产品</a></dt>
          <dd><a href="#">印象笔记</a></dd>
          <dd><a href="#">会员权益</a></dd>
          <dd><a href="#">免费下载</a></dd>
          <dd><a href="#">剪藏</a></dd>
        </dl>
        <dl>
          <dt><a href="#">更多产品</a></dt>
          <dd><a href="#">Verse</a></dd>
          <dd><a href="#">印象图集</a></dd>
          <dd><a href="#">轻记</a></dd>
          <dd><a href="#">墨笔</a></dd>
          <dd><a href="#">扫描宝</a></dd>
          <dd><a href="#">印象时间</a></dd>
          <dd><a href="#">收藏家</a></dd>
          <dd><a href="#">印象录音机</a></dd>
        </dl>
        <dl>
          <dt><a href="#">探索印象</a></dt>
          <dd><a href="#">最新动态</a></dd>
          <dd><a href="#">用户故事</a></dd>
          <dd><a href="#">使用技巧</a></dd>
          <dd><a href="#">视频教程</a></dd>
          <dd><a href="#">帮助支撑</a></dd>
          <dd><a href="#">印象识堂</a></dd>
          <dd><a href="#">智能硬件</a></dd>
        </dl>
        <dl>
          <dt><a href="#">印象TEAMS</a></dt>
          <dd><a href="#">功能亮点</a></dd>
          <dd><a href="#">立即使用</a></dd>
          <dd><a href="#">印象社区</a></dd>
          <dd><a href="#">认证咨询顾问</a></dd>
          <dd><a href="#">印象大使</a></dd>
          <dd><a href="#">开发者</a></dd>
        </dl>
        <dl>
          <dt><a href="#">关于我们</a></dt>
          <dd><a href="#">公司愿景</a></dd>
          <dd><a href="#">印象生态</a></dd>
          <dd><a href="#">新闻动态</a></dd>
          <dd><a href="#">加入我们</a></dd>
          <dd><a href="#">联系我们</a></dd>
        </dl>
      </div>
      <div class="foot-right">
        <div><img src="./foot-1.jpg" alt="" /></div>
        <div><img src="./foot-2.jpg" alt="" /></div>
        <div><img src="./foot-3.jpg" alt="" /></div>
        <div><img src="./foot-4.jpg" alt="" /></div>
      </div>
    </div>
    <div class="footer">
      <div class="footer-top">
        <a href="#">法律信息|</a>
        <a href="#">隐私协议|</a>
        <a href="#">用户权限|</a>
        <a href="#">安全信息|</a>
        <a href="#">联系我们|</a>
        <p>应用版本: 10.8.42 开发者：北京印象笔记科技有限公司</p>
      </div>
      <div class="footer-bottom">
        <p>
          版权所有2007-2024印象笔记.保留一切权利. 北京印象笔记科技有限公司<br />
          印象AI生成算法 网信算备110105722786701240015号
          <br />
          印象大语言模型 Beijing-YinXian-20240226 <br />
          京ICP备12019321号<br />
          京公网安备 11010502036942号
        </p>
      </div>
    </div>
  </body>
</html>
